<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/me.css" />
		<script src="js/jquery-2.2.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
	</head>
    <style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}
		
		.border {
			width: 80%;
			height: 10.666666rem;
			position: fixed;
			/*background-color: black;*/
			margin-left: 10%;
			border-radius: 0.266666rem;
			margin-top: -160%;
			background-color: rgba(0, 0, 0, 0.7);
			opacity: 0.7;
			z-index: 99999999;
			display: none;
		}
		
		.border img {
			width: 0.866666rem;
			height: 0.866666rem;
			float: right;
		}
		
		.yuan {
			width: 80%;
			height: 3.013333rem;
			border: 0.04rem dashed white;
			border-radius: 50%;
			margin-top: 40%;
			margin-left: 10%;
		}
		
		.yuan p {
			margin-top: 10%;
			text-align: center;
			font-size: 0.48rem;
			color: #fff;
		}
		
		.yuan p span {
			color: red;
		}
		
		.go {
			width: 2.173333rem;
			height: 0.813333rem;
			line-height: 0.813333rem;
			text-align: center;
			border-radius: 0.066666rem;
			background-color: #34a0fe;
			z-index: 999999999;
			margin-left: 35%;
			margin-top: 10%;
			color: #fff;
		}
	</style>
	<body>

		<div class="box">
			<div class="new">
				<header>
					<div class="scan">
						<a href="new_file.html" style="color: #fff;">
							<!--<返回-->
						</a>
					</div>
					<span class="location">我&nbsp;的 </span>
					<div class="search"></div>
				</header>
				
			</div>
			<div class="nav">
				<img src="img/mefx.png" />
			</div>
			<div class="video" style="height: 15rem;">
				<div class="video_1">
					<a href="ygm.html">
						<div class="video_img1"><img src="img/vd1.png" /></div>
					<div class="video_text">已购买的视频</div>
					<div class="video_img2"><img src="img/yj.png" /></div>
					</a>
					
					
				</div>
				<div class="video_1" style="background-color: #ffd850;">
					<a href="ygkmtyt.html">
					<div class="video_img1"><img src="img/vd1.png" /></div>
					<div class="video_text">已观看的每天一题</div>
					<div class="video_img2"><img src="img/yj.png" /></div>
					</a>
				</div>
				<div class="video_1" style="background-color: #b09ef1;">
					<a href="shitiku2.html">
					<div class="video_img1"><img src="img/shu1.png" /></div>
					<div class="video_text">我的试题库</div>
					<div class="video_img2"><img src="img/yj.png" /></div>
					</a>
				</div>
				<div class="video_1" style="background-color: #9ed9f1;">
					<a href="mym.html">
					<div class="video_img1"><img src="img/shu2.png" /></div>
					<div class="video_text">我的点券</div>
					<div class="video_img2"><img src="img/yj.png" /></div>
					</a>
				</div>
			</div>
			<div id="bottom">
				<div id="bottom_one">
					<a href="new_file.html">
						<img src="img/shouye.png" />
						<p>首页</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="index-1.html">
						<img class="one1" src="img/meiriyiti.png" />
						<p>每天一题</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="gkzh.html">
						<img class="one1" src="img/gaokaozonghe-1.png" />
						<p>高考综合</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="shitiku.html">
						<img class="one2" src="img/shitiku.png" />
						<p>试题库</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="me.html">
						<img src="img/mew.png" />
						<p style="color: #549EF7;">我的</p>
					</a>
				</div>
			</div>
			<div class="border">
				<img class="btn" src="img/gb.png" />
				<div class="yuan">
					<p>分享每日一题可获<span>得点券</span></p>
					<p>点券能<span>购买试题库</span></p>
				</div>
				<a href="index-1.html"><div class="go">
					去分享
				</div>
				</a>
			</div>
		</div>
	</body>
    <script type="text/javascript">
    	$(".nav").click(function() {
			$(".border").css("display", "block");
		})
		$(".btn").click(function() {
			$(".border").css("display", "none");
		})
    </script>
</html>